

@charset "utf-8";
/* CSS Document */

/**
 * WAP视图
 * 盒布局
 * @author 张晓东
 * @copyright 2014
 */

/*开启弹性空间*/
.mFx{
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
}
/*横向超出换行*/
/*flex类*/
.mFxR{
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  flex-flow: row wrap;
}
/*横向超出不换行*/
.mFxRl{
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-flex-flow: row;
  -moz-flex-flow: row;
  flex-flow: row;
}
/*纵向*/
.mFxC{
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  flex-flow: column;
}


/*box类*/
.mBx{
  display: -webkit-box;
  display: -moz-box;
  display: -o-box;
  display: box;
}
/*垂直排列*/
.mVer{
  display: -webkit-box;
  display: -moz-box;
  display: -o-box;
  display: box;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  box-orient: vertical;
}
/*水平排列*/
.mHor{
  display: -webkit-box;
  display: -moz-box;
  display: -o-box;
  display: box;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  box-orient: horizontal;
}
/*水平排布*/
/*BOX继承 居中方式*/
/*居中方式类*/
/*水平居左*/
.mBxLt{
  display: -webkit-box;
  display: -moz-box;
  display: -o-box;
  display: box;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -o-box-pack: start;
  box-pack: start;
}
/*水平居中*/
.mBxCr{
  display: -webkit-box;
  display: -moz-box;
  display: -o-box;
  display: box;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  box-pack: center;
}
/*水平居右*/
.mBxRt{
  display: -webkit-box;
  display: -moz-box;
  display: -o-box;
  display: box;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -o-box-pack: end;
  box-pack: end;
}
/*水平分散*/
.mBxJy{
  display: -webkit-box;
  display: -moz-box;
  display: -o-box;
  display: box;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  box-pack: justify;
}
/*垂直居上*/
.mBxTp{
  display: -webkit-box;
  display: -moz-box;
  display: -o-box;
  display: box;
  -webkit-box-align: start;
  -moz-box-align: start;
  -o-box-align: start;
  box-align: start;
}
/*垂直居中*/
.mBxMid{
  display: -moz-box;
  display: -webkit-box;
  display: -o-box;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  box-align: center;
}


/*垂直居下*/
.mBxBm{
  display: -webkit-box;
  display: -moz-box;
  display: -o-box;
  display: box;
  -webkit-box-align: end;
  -moz-box-align: end;
  -o-box-align: end;
  box-align: end;
}

/*垂直拉伸*/
.mBxSch{
  display: -webkit-box;
  display: -moz-box;
  display: -o-box;
  display: box;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -o-box-align: stretch;
  box-align: stretch;
}
/*水平垂直居中*/
.mBxCm{
  display: -webkit-box;
  display: -moz-box;
  display: -o-box;
  display: box;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  box-pack: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  box-align: center;
}


/*两列控制左边固定或右边固定*/
.mFlex1{
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  flex:1;

}
/* 扩展1*/
.mFlex2{
  -webkit-box-flex: 2;
  -moz-box-flex: 2;
  -o-box-flex: 2;
  box-flex: 2;
  flex:2;

}
/*扩展2*/
.mFlex3{
  -webkit-box-flex: 3;
  -moz-box-flex: 3;
  -o-box-flex: 3;
  box-flex: 3;
  flex:3;

}
/*扩展3*/
/*文本内容*/
.mContentBefore:before{
  content: "fwfdkfdjdfskfcj";
}
.mContentAfter:after{
  content: ".";
}
/*背景图片尺寸*/
.mBgSize{
  background-size: 50px 100px;
}
/*外阴影*/
/*四周阴影*/
.mShadow{
  box-shadow: 0px 0px 3px 3px #cccccc;
}
/*上阴影*/
.mShadowTp{
  box-shadow: 0px -3px 3px 0px #cccccc;
}
/*下阴影*/
.mShadowBm{
  box-shadow: 0px 3px 3px 0px #cccccc;
}
/*左阴影*/
.mShadowLt{
  box-shadow: -3px 0px 3px 0px #cccccc;
}
/*右阴影*/
.mShadowRt{
  box-shadow: 3px 0px 3px 0px #cccccc;
}
/*左上阴影*/
.mShadowLtTp{
  box-shadow: -3px -3px 3px 0px #cccccc;
}
/*左下阴影*/
.mShadowLtBm{
  box-shadow: -3px 3px 3px 0px #cccccc;
}
/*右上阴影*/
.mShadowRtTp{
  box-shadow: 3px -3px 3px 0px #cccccc;
}
/*右下阴影*/
.mShadowRtBm{
  box-shadow: 3px 3px 3px 0px #cccccc;
}
/*左右双阴影*/
.mShadowLtRt{
  box-shadow: -3px 0px 3px 0px #cccccc, 3px 0px 3px 0px #cccccc;
}
/*上下双阴影*/
.mShadowTpBm{
  box-shadow: 0px -3px 3px 0px #cccccc, 0px 3px 3px 0px #cccccc;
}
/*内阴影*/
/*四周阴影*/
.mShadowIn{
  box-shadow: 0px 0px 3px 3px #cccccc inset;
}
/*上阴影*/
.mShadowTpIn{
  box-shadow: 0px -3px 3px 0px #cccccc inset;
}
/*下阴影*/
.mShadowBmIn{
  box-shadow: 0px 3px 3px 0px #cccccc inset;
}
/*左阴影*/.mShadowLtIn{
  box-shadow: -3px 0px 3px 0px #cccccc inset;
}
/*右阴影*/
.mShadowRtIn{
  box-shadow: 3px 0px 3px 0px #cccccc inset;
}
/*左上阴影*/
.mShadowLtTpIn{
  box-shadow: -3px -3px 3px 0px #cccccc inset;
}
/*左下阴影*/
.mShadowLtBmIn{
  box-shadow: -3px 3px 3px 0px #cccccc inset;
}
/*右上阴影*/
.mShadowRtTpIn{
  box-shadow: 3px -3px 3px 0px #cccccc inset;
}
/*右下阴影*/.mShadowRtBmIn{
  box-shadow: 3px 3px 3px 0px #cccccc inset;
}
/*左右双阴影*/
.mShadowLtRtIn{
  box-shadow: -3px 0px 3px 0px #cccccc inset, 3px 0px 3px 0px #cccccc inset;
}
/*上下双阴影*/
.mShadowTpBmIn{
  box-shadow: 0px -3px 3px 0px #cccccc inset, 0px 3px 3px 0px #cccccc inset;
}
/*文字描边与阴影*/
/*阴影*/
.mTextShadow{
  text-shadow: 3px 3px 3px #000;
}
/*描边*/
.mTextBorder{
  text-shadow: -1px 0px #000000, 0px -1px #000000, 1px 0px #000000, 0px 1px #000000;
}
/*渐变*/
.mLinear_8fa1ff_3757fa{
  background-image: -moz-linear-gradient(top, #8fa1ff, #3757fa);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #8fa1ff), color-stop(1, #3757fa));
}
.mLinear_f1f1f1_e5e5e5{
  background-image: -moz-linear-gradient(top, #f1f1f1, #e5e5e5);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f1f1f1), color-stop(1, #e5e5e5));
}




@charset "UTF-8";
 body, html, #allmap {
    width: 100%;
    height: 100%;
    margin: 0px;
    background:#ffffff;
}

header {
  z-index: 4; }

/* .ico {
  background:url(../img/sear.png) center no-repeat;
  background-size: 40%; } */
  
 
.ico {
    background: url("../img/sear.png") no-repeat scroll 0 0 / 30px auto rgba(0, 0, 0, 0);
}

.container {
	/*margin-top: 12px;*/
	background: #fff;
}
/*captial float*/
#toolbar {
 position: absolute;
  width: 100%;
  line-height: 40px;
  z-index: 2; 
  background: #ffffff;
  /* border-bottom: 1px solid #e5e5e5; */
  height: 40px;
  background: #f5f5f5;
  border-top: 1px solid #e5e5e5;

}
#toolbar .sub ul{overflow-y:auto;}



.sele {
   height: 40px;
  display: -moz-box;
  display: -webkit-box;
  display: box;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-box-flex: 1;
  -moz-box-align: center;
  -webkit-box-align: center;
  box-align: center;
  -moz-box-pack: center;
  -webkit-box-pack: center;
  box-pack: center;
  -moz-box-orient: horizontal;
  -webkit-box-orient: horizontal;
  box-orient: horizontal;
  text-align: center;
  background: #ffffff;
 border-bottom: 1px solid #e5e5e5;
 /* border: 1px solid #ea5413;*/
  overflow: hidden;
}

.sele li {
  -moz-box-flex: 1;
  -webkit-box-flex: 1;
  box-flex: 1; 
  height: 40px;
  
}

.sele li a{ height: 40px; line-height: 40px; color: #6f6f6f;border-bottom: 1px solid #e5e5e5}
.sele li:nth-child(2) {
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5; }
.sele li:nth-child(4) {
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5; }
.sele li.se {
    color: #ea5431;
}

.sele li.se a {
  color: #ea5431; }

.sele a {
  display: block; }

.sele b {
  width: 10px;
  height: 10px;
  display: inline-block;
  margin-left: 5px;
  margin-bottom: -1px;
 background: url(../img/jt.png) no-repeat 0px 0px;
 background-size: 10px;
}

.sele b.se {
  width: 10px;
  height: 10px;
  display: inline-block;
  margin-left: 5px;
  margin-bottom: -1px;
background: url(../img/jt.png) no-repeat 0px -10px; 
 background-size: 10px;

}

/*sub menu*/
.sub {
 height:1000px;
  background: rgba(0, 0, 0, 0.4);
  display: none; 
}
ul.lizd{
	
}
ul.lizd li:nth-child(1){
    border-top:none;
}

.sh {
  display: block;}

.sub ul {
  display: -moz-box;
  display: -webkit-box;
  display: box;
  -moz-box-orient: vertical;
  -webkit-box-orient: vertical;
  
  box-orient: vertical;
  background: #fff; 
}
.inputBtn{letter-spacing:1px}

.sub li {
  display: -moz-box;
  display: -webkit-box;
  display: box;
  /*-moz-box-align:center;*/
  /*-webkit-box-align:center;*/
  /*box-align:center;*/
  padding: 0px;
  border-bottom: 1px solid #e5e5e5; }

.sub li ul {
  width: 100%; }

.sub a {
  -moz-box-flex: 1;
  -webkit-box-flex: 1;
  box-flex: 1;
  display: block;
  padding-left: 20px;
  padding-right: 20px;
}

.sub span {
  width: 60px;
  height: 20px;
  line-height: 20px;
  background: #cacaca;
  border-radius: 10px;
  display: block;
  text-align: center;
  color: #fff; }



.sub .le {
  -moz-box-flex: 2;
  -webkit-box-flex: 2;
  box-flex: 2;
  padding: 0; }

.sub .le ul {
  background: #fbfbfb; }

.sub ul:first-child li {
  -webkit-box-align: center; }

.sub .ri {
  -moz-box-flex: 8;
  -webkit-box-flex: 8;
  box-flex: 8;
  padding: 0; }

.sub .ri ul {
  display: none; }

.sub .ri ul:first-child {
  display: block; }

.sub .le li {
  padding-right: 0; }

.sub .ri li {
  padding-right: 0; }

.xz {
    background: #ffffff;
    color: #eb642a!important;
  
  }
  .xz a{
      color: #eb642a;
      border-left: 2px solid #eb642a!important;
      padding-left: 18px;
     
  }

/*餐厅列表*/
.flist {
  display: -moz-box;
  display: -webkit-box;
  display: box;
  -moz-box-align: center;
  -webkit-box-align: center;
  box-align: center;
  -moz-box-pack: center;
  -webkit-box-pack: center;
  box-pack: center;
  padding: 5px 0;
  border-bottom: 1px solid #e5e5e5; }

.fpic {
  padding: 4px;
  border: 1px solid #e5e5e5; }

.fpic img {
  max-width: 60px;
  max-height: 60px;
  float: left; }

.finfo {
  margin-left: 10px;
  -webkit-box-flex: 1;
  box-flex: 1; }
.container{ padding-top: 40px; min-height: 200px!important; padding-bottom: 0px; }
.branch-list li {
	overflow: hidden;
	padding-top:13px;
        padding-bottom: 12px;
	position: relative;
	border-bottom: 1px solid #e5e5e5;
	padding-left:115px;
	background:#ffffff;
        position: relative;
}
.branch-list li strong {
	width: 100%;
        font-size: 15px;
}
.branch-list li img {
	width: 89px;
	height: 65px;
	position: absolute;
	left: 10px;
	top: 15px;
	padding: 2px;
	border: 1px solid #e5e5e5;
}
.branch-list li span:not(.range) {
	width: 18px;
	height: 18px;
	margin: 0 1px;
	border-radius: 10px;
	line-height: 18px;
	text-align: center;
	display: inline-block;
	color: #d6d6d6;
        border: 1px solid #e5e5e5;
}
.branch-list li span.song {
	/*background: #e94853;*/
        border:1px solid #ea5413;
        color:#ea5413;
        
}
.branch-list li span.ding {
	 border:1px solid #34b7b0;
        color:#34b7b0;
}
.branch-list li span.dian {
	border:1px solid #80a636;
        color:#80a636;
}
.branch-list li span.pai {
	border:1px solid #ac92ec;
        color:#ac92ec;
}
.branch-list li .range {
	display: inline-block;
	float: right;
	margin-right: 10px;
        font-size: 12px;
        color: #747474
        
}


footer.foooot {
	position: fixed;
	bottom: 50px;
	background: rgba(188, 188, 188, 0.7);
}
footer.foooot div {
	background-size: 20px 20px;
	height: 40px;
	line-height: 40px;
}
footer.foooot div p {
	color: #303030;
}
.shuaxin {
	position: absolute;
	top: -40px;
	width: 100px;
	height: 100px;
}
.shuaxin img {
	width: 20px;
	height: 20px;
	position: relative;
	top: 45px;
	left: 75px;
}
.shuaxin .shuaxinP {
	width: 20px;
	height: 20px;
	position: relative;
	animation: mymove 0.9s infinite linear;
	-webkit-animation: mymove 0.9s infinite linear; /*Safari and Chrome*/
	top: 45px;
	left: 75px;
}

footer.loadmore {
	position: fixed;
	bottom: 40px;
	background: rgba(188, 188, 188, 0.7);
}
footer.loadmore div {
	background-size: 20px 20px;
	height: 40px;
	line-height: 40px;
}
footer.loadmore div p {
	color: #303030;
}

 @keyframes mymove {
from {
transform: rotate(0deg)
}
to {
	transform: rotate(360deg)
}
}
 @-webkit-keyframes mymove /*Safari and Chrome*/ {
from {
-webkit-transform: rotate(0deg)
}
to {
	-webkit-transform: rotate(360deg)
}
}


/*张晓东2014/2/28*/

.blank {
	padding-top: 32px;
}


.blank .plus {
	font-size: 80px;
	height: 61px;
	padding:20px;
	padding-bottom:20px
	margin:0px auto;
	line-height: 100px;
	text-align: center;
	color: #e5e5e5;
	background:url(../img/mapCmptynull.jpg) center no-repeat;
	background-size:102px 61px;
}
.blank .plusno {
	font-size: 80px;
	height: 61px;
	padding:20px;
	padding-bottom:20px
	margin:0px auto;
	line-height: 100px;
	text-align: center;
	color: #e5e5e5;
	background:url(../img/mapno.jpg) center no-repeat;
	background-size:102px 61px;
}
.blank p {
	text-align: center;
	font-weight: 700;
	height: 70px;
	line-height: 60px;
}
.blank input {
	margin-top: 0;
}

.select-area {
	display: -webkit-box;
	display: -moz-box;
	display: -o-box;
	display: box;
}
.inputInp {
	margin: 0px auto 15px;
}
.select-area {
	margin: 0px auto 15px;
}
.select-area select {
	border: 1px solid #e5e5e5;
}
.select-wi {
	width: 50%;
	position:relative;
}
.select-wi select {
	width: 90%;
	color:#737373;
	
}
.select-wi span {
	display:inline-block;
	width: 20px;
	position:absolute;
	right:0px;
	width:10%;
}
.container .mapCmpty{
	background:#fff;
}
.mapicoCm{
	background:none !important;
}

header a.cityaa{
    padding-right: 0px;
    background-image: none;
    display: inline;

    padding-left: 0px;
}



/*2014/4/22+*/
.qisong{
    color: #747474;
}
.qisong p{
    display:inline-block;
    line-height: 12px;
}
.qisong p:nth-child(1){
    padding-right: 7px;
    border-right: 1px solid #e5e5e5;
    margin-right: 7px;
}
.julimi{
    position: absolute;
    bottom: 4px;
    right: 15px;
    
}
.kaitong {
    position: absolute;
    bottom: 44px;
    right: 15px;
    background-color: #38C2A9;
    color: #FFFFFF;
    display: block;
    height: 1.5em;
    line-height: 1.6em;
    margin: 0.2em 0 0 0.3em;
    overflow: hidden;
    text-align: center;
    width: 6em;
}
.no_kaitong {
    position: absolute;
    bottom: 44px;
    right: 15px;
    background-color: #ea5413;
    color: #FFFFFF;
    display: block;
    height: 1.5em;
    line-height: 1.6em;
    margin: 0.2em 0 0 0.3em;
    overflow: hidden;
    text-align: center;
    width: 6em;
}
.shanbqs{
    display: block;
    position: absolute;
    color: #ffffff;
    background: #ea5413;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 0px;
    line-height: 12px;
    height: 12px;
    right: 10px;
    bottom: 4px;
  
    font-size: 9px!important;
}
.inputBtn{
    margin-top: 15px!important;
}


.address {
    width: 95%;
}


section { overflow: hidden; }
  section .search {
    width: 100%;
    display: -moz-box;
    display: -webkit-box;
    display: box;
    -moz-box-align: center;
    -webkit-box-align: center;
    box-align: center;
    -moz-box-pack: center;
    -webkit-box-pack: center;
    box-pack: center;
    background: #fff;
    height: 50px;
    /*border-bottom: 1px solid #e5e5e5;*/
  }
    section .search .cont {
      display: -moz-box;
      display: -webkit-box;
      display: box; 
      width: 94%;
      position: relative;
    }
    section .search form {
        display: -moz-box;
      display: -webkit-box;
      display: box; 
        -moz-box-flex: 1;
        -webkit-box-flex: 1;
        box-flex: 1;
    }
      section .search .cont a.select {
        height: 30px; line-height: 30px;
        /* width: 50px; */
        display: block;
        margin-right: 10px;
        border: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
        background: url(/resources/mobile/common/img/icos/selico.png) right center no-repeat;
        background-size: 12px 10px; 
        padding-right: 19px;

      }
      section .search .cont .inputPp {
        display: block;
        border-radius: 15px;
        border: none;
        background: #e9e9e9 url(/resources/mobile/common/img/icos/sear2.png) 9px center no-repeat;
        background-size: 14px;
        padding-left: 30px;
        height: 30px; 
        -moz-box-flex: 1;
        -webkit-box-flex: 1;
        box-flex: 1;
      }
 section .search .cont .inputPp input{ background:none; border:none; width:100%; padding-top:10px;  height:20px;}

.others i:before {
    content: "￥";
    font-size: 12px;
}
.others i {
    color: #F50000;
    font-size: 18px;
    font-weight: bold;
    line-height: 5px;
}

#hallist{
	margin-bottom: 40px;
}
 .nextPage {
 	height: 40px;
text-align: center;
font-size: 15px;
vertical-align: middle;
line-height: 40px;
   color: #222222;
 }
 
.authentication {
    background: url("../img/v.gif") no-repeat scroll 5px 8px rgba(0, 0, 0, 0);
    display: inline-block;
    float: none !important;
    height: 22px;
    width: 24px;
}
.noauthentication {
    background: url("../img/vn.gif") no-repeat scroll 5px 8px rgba(0, 0, 0, 0);
    display: inline-block;
    float: none !important;
    height: 22px;
    width: 24px;
}

